<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
    <title>添加新同事</title>
    <link rel="stylesheet" href="{{asset('/addons/jquery-weui-build/css/weui.min.css')}}">
    <link rel="stylesheet" href="{{asset('/addons/jquery-weui-build/css/jquery-weui.css')}}">
    <link rel="stylesheet" href="{{asset('/css/system/iconfont.css')}}">
    <link rel="stylesheet" href="/css/system/common.css?v=2018121401">
    <link rel="stylesheet" href="/css/system/new-colleague.css?v=2018121401">
</head>
<body ontouchstart>
<div class="mian-container">
    <div class="new-colleague">
       <form acaction="" method="" onsubmit="return false;">
        <div class="colleague-header">
            <div class="colleague-top">
                <img src="{{url('/img/confirm-img1.png')}}">
            </div>
            <div style="text-align: center;">
                <h3 class="change-h3">admin123</h3>
                <i class="icon iconfont icon-modify"></i>
            </div>
            <div class="colleague-list weui-cells">
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <i class="icon iconfont icon-mima"></i>
                    </div>
                    <div class="weui-cell__hd">
                        <p class="p-length">密码</p>
                    </div>
                    <div class="weui-cell__ft">
                        <input class="weui-input password" name="password" type="text" value='123456' readonly/>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <i class="icon iconfont icon-xingbie"></i>
                    </div>
                    <div class="weui-cell__hd">
                        <p class="p-length">性别</p>
                    </div>
                    <div class="weui-cell__ft ">
                        <input class="weui-input sex" name="sex" type="text"/>
                        <span class="right-icon"></span>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <i class="icon iconfont icon-bumen1"></i>
                    </div>
                    <div class="weui-cell__hd">
                        <p class="p-length">部门</p>
                    </div>
                    <div class="weui-cell__ft ">
                        <input name="department" class="weui-input department" type="text"/>
                        <span class="right-icon"></span>
                    </div>
                </div>
                <div class="weui-cell">
                    <div class="weui-cell__hd">
                        <i class="icon iconfont icon-zhiwei"></i>
                    </div>
                    <div class="weui-cell__hd">
                        <p class="p-length">职位</p>
                    </div>
                    <div class="weui-cell__ft ">
                        <input class="weui-input position" name="position" type="text"/>
                        <span class="right-icon"></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="a-link">
            <button class="weui-btn weui-btn_color">创建同事</button>
        </div> 
       </form>       
    </div>
</div>
<script src="{{asset('/kaohe/js/jquery-2.1.4.min.js')}}"></script>
<script src="{{asset('/addons/jquery-weui-build/js/fastclick.js')}}"></script>
<script>
    $(function() {
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
        FastClick.attach(document.body);
    });
</script>
<script src="{{asset('/addons/jquery-weui-build/js/jquery-weui.min.js')}}"></script>
<script>
  $(document).ready(function (){
    // 底部弹出选择
    $(".sex").picker({
          title: "请选择性别",
          cols: [
            {
              textAlign: 'center',
              values: ['男', '女']
            }
          ]
    });
    $(".department").picker({
          title: "选择部门",
          cols: [
            {
              textAlign: 'center',
              values: ['行政部', '企划部','销售部','开发部','设计部','财务部','人事部','后勤部']
            }
          ]
    });
    $(".position").picker({
          title: "选择职位",
          cols: [
            {
              textAlign: 'center',
              values: ['组长','组员']
            }
          ]
    });
    //  修改名字
    $('.icon-modify').click(function(){
        var text=$('.change-h3').text();
        var input=$('<input type="text" class="weui-input edit-com" value="'+text+'">');
        $('.change-h3').html(input);
        $('.edit-com').attr("readonly",false).focus();
        var result = $('.edit-com').val();
        $('.edit-com').val('');
        $('.edit-com').val(result);
//        $('.edit-com').click(function(){
//            return false;
//        });
        $('.edit-com').blur(function(){
            $('.change-h3').html($(this).val());
        })
    })
  })
</script>
</body>
</html>